<template>
    <!-- 左侧菜单栏组件 -->
    <div id="menu">
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
        <h1>菜单路由</h1>
    </div>
</template>
<!-- 接口:https://service-kq8d34ry-1322805030.gz.tencentapigw.com/release/
 -->
<script>
    import { toRefs, reactive, ref } from 'vue'
    import { useRouter } from 'vue-router'
    export default ({
        name: 'left_menu',
        setup() {
            const data = reactive({

            })


            return {
                ...toRefs(data),
            }
        }

    })
</script>

<style>
#menu{
    height: 100%;
    background-color: gray;
}
</style>